extends ../layout

block init
  -title = "缴费记录"
  -dir = "/html/fee/list"
block head
  link(rel="stylesheet" href= "/html/fee/fee.css")
  link(rel="stylesheet" href="/res/buttons/buttons.css")

block body
  #app
    .list(v-for="item in items")
      a.address(:href="'detail?id='+item.id")
        b(v-cloak) {{item.contactor}}  {{item.mobile}}
        span(:style="{marginTop:'1rem'}",v-cloak) {{item.address}}
        .icono-caretRight.pright
      div
        span.feeType {{item.feeType}}
        span.red {{getPaymentStatus(item.payment_status)}}
      div(v-cloak)
        span.amount 缴费金额
        span.red {{item.total}}元
      div
        span.timeShow 缴费时间
        span {{getTime(item.create_date)}}
      div.feeButtons(v-if="getIfUnpaid(item)",v-cloak)
         button.button.button-primary.button-rounded.button-small(@click="cancel") 取消
         button.button.button-caution.button-rounded.button-small(@click="pay") 支付


    .noData(v-if="!items.length") 没有订单信息
    .loading(v-if="items.length && loading") 正在加载。。。


